<!-- 最早提出问题的人 -->
<!-- issues: https://github.com/ag-grid/ag-grid/issues/7263 -->
<!-- 已加入代办事项, 在新版本进行解决 -->
<template>
  <div class="total-value-renderer">
    {{ params.value }}
  </div>
</template>

<script setup lang="ts">
import { watchEffect } from 'vue'
import type { ICellRendererParams } from 'ag-grid-community'
import type { IOlympicData } from '@/views/types'

// 定义 Props
interface Props {
  params: ICellRendererParams<IOlympicData, IOlympicData['gender']> & { rowData: IOlympicData[] }
}

const props = defineProps<Props>()

watchEffect(() => {
  console.log('', props.params, props.params.rowData)
})
</script>


<style scoped>
.total-value-renderer {
  color: yellow;
}
</style>
